<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table{

            border-collapse: collapse;
            width: 50%;
            height: 50%
        }
        .t1{
            background-color: grey;
        }
        .t2{
            background-color: #a6e1ec;
        }
        .t3{
            background-color: #a6e1ec;
        }
        .t4{
            background-color: #a6e1ec;
        }
    </style>
</head>
<body>
<table>
    <tr class="t1">
    <th  colspan="7">课程表</th>
    </tr>
    <tr>
        <th class="t2">时间/日期</th>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th><2/th>
    </tr>

    <tr class="t3">
    <th  colspan="2">上午</th>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
        <th>美术</th>
        <th>音乐</th>
    </tr>

    <tr>
    <th>语文</th>
    <th>数学</th>
    <th>英语</th>
    <th>美术</th>
    <th>音乐</th>
    </tr>

    <tr class="t4">
        <th colspan="2">下午</th>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
        <th>美术</th>
        <th>音乐</th>
    </tr>

        <tr>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
        <th>美术</th>
        <th>音乐</th>

    </tr>
</table>
</body>
</html>